<template>
  <div>
    <div id="ts">
      <div class="small">
        <div class="dis" v-for="(v, i) in this.$store.state.Danci.arr" :key="i">
          <div class="wen">
            <h6>{{ v.title }}</h6>
            <span class="mt">{{ v.text }} </span>
          </div>
          <img :src="v.imgsrc" alt="" />
        </div>
      </div>
    </div>
    <div style="height: 0.1rem; background: #f9f9f9"></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#ts {
  height: 0.7rem;
  width: 3.47rem;
  margin: auto;
  justify-content: space-between;
}
.small {
  padding-left: 0.2rem;
}
.mt {
  font-size: 0.14rem;
  color: #9696a0;
}
.wen {
  margin-top: 0.15rem;
}
img {
  width: 0.96rem;
  height: 0.7rem;
}
.dis {
  display: flex;
  justify-content: space-between;
}
</style>